<html>
<body>
<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<div id="app-7">
  <ol>
    <!-- 创建一个 todo-item 组件的实例 -->
    <todo-item></todo-item>
  </ol>
</div>
<script>
  // 定义名为 todo-item 的新组件
  Vue.component('todo-item', {
      template: '<li>这是个待办项</li>'
  })
  var app7 = new Vue({
    el: '#app-7'
  })
</script>
</body>
</html>